<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1.0 user-scalable=no">
    <meta name="format-detection" content="telephone = no" />
    <meta http-equiv="cache-control" content="no-cache">
    <link rel="stylesheet" href="style/remcss/style.debug.css">
    <link rel="stylesheet" href="style/css/animate.css">
    <link rel="stylesheet" href="style/css/swiper-3.4.2.min.css">
    <link href="https://cdn.bootcss.com/layer/3.0.1/mobile/need/layer.min.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/rem.js"></script>
    <title>爱成都</title>
</head>

<body>
<div class="box swiper-container" id="dowebok">
    <div class="swiper-wrapper">
        <div class="one section swiper-slide">
            <div class="bg bg11 ani" swiper-animate-effect="zoomInDown"></div>
            <div class="bg bg12 ani" swiper-animate-effect="fadeInLeftBig"></div>
            <div id="downLoad" class="bg bg13 downLoad"></div>
            <div class="bg bg14"></div>
            <div class="popup" id="b">
                <dl>
                    <dt><img src="images/1/xiazai_erweima@2x.png" alt=""></dt>
                    <dd>ios下载</dd>
                </dl>
                <dl>
                    <dt><img src="images/1/xiazai_erweima@2x.png" alt=""></dt>
                    <dd>android下载</dd>
                </dl>
            </div>
            <div class="bg bg6 ani" swiper-animate-effect="zoomIn"></div>
        </div>
        <div class="two section swiper-slide">
            <div class="bg bg21 shake ani" swiper-animate-effect="bounceInLeft"></div>
            <div class="bg bg22 ani" swiper-animate-effect="bounceInUp"></div>
            <div class="bg bg6 ani" swiper-animate-effect="zoomIn"></div>
        </div>
       <div class="three section swiper-slide">
            <div class="bg bg31 ani" swiper-animate-effect="fadeInDown"></div>
            <div class="bg bg32 ani map" swiper-animate-effect="rotateIn">
                <span class="wifi_site site1 ani" swiper-animate-effect="fadeInDown" />
                <span class="wifi_site site2 ani" swiper-animate-effect="bounceInDown" />
                <span class="wifi_site site3 ani" swiper-animate-effect="fadeInDown" />
                <span class="wifi_site site4 ani" swiper-animate-effect="bounceInDown" />
                <span class="wifi_site site5 ani" swiper-animate-effect="fadeInDown" />
                <span class="wifi_site site6 ani" swiper-animate-effect="bounceInDown" />
            </div>
        </div>
        <div class="four section swiper-slide">
            <div class="bg bg41 ani" swiper-animate-effect="fadeInDown"></div>
            <div class="bg bg42 ani" swiper-animate-effect="rotateIn"></div>
            <div class="bg bg43 ani" swiper-animate-effect="fadeInUpBig"></div>
            <div class="bg bg44 ani" swiper-animate-effect="zoomIn"></div>
            <div class="bg bg6 ani" swiper-animate-effect="zoomIn"></div>
        </div>
        <div class="five section swiper-slide">
            <div class="bg bg51 ani" swiper-animate-effect="fadeInDown" ></div>
            <div class="bg bg52 ani" swiper-animate-effect="fadeInDown"></div>
            <div class="bg bg53 ani" swiper-animate-effect="fadeInDown"></div>
            <div class="bg bg54 ani" swiper-animate-effect="flipInY"></div>
            <div class="bg bg55 ani" swiper-animate-effect="fadeInUp"></div>
            <div class="bg bg6 ani" swiper-animate-effect="zoomIn"></div>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script>
<script src="js/animate.js"></script>
<script src="js/tools.js"></script>
<script src="https://cdn.bootcss.com/layer/3.0.1/mobile/layer.min.js"></script>
<script type="text/javascript">
    console.log($(".bg11").css('bottom'));
    var mySwiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        direction: 'vertical',
        loop: true,
        speed: 1300,
        followFinger: false,
        onInit: function (swiper) { //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(swiper);
            swiperAnimate(swiper);
        },
        onSlideChangeStart: function (swiper) {
            swiperAnimate(swiper);
        }
    });
</script>
<!-- 以下为openinstall集成代码 -->
<!-- 强烈建议直接引用下面的cdn加速链接，以得到最及时的更新，我们将持续跟踪各种主流浏览器
      的变化，提供最好的服务；不推荐将此js文件下载到自己的服务器-->
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script type="text/javascript">
    //根据QueryString参数名称获取值
    function getQueryStringByName(name) {
        var result = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
        if (result == null || result.length < 1) {
            return "";
        }
        return result[1];
    }
    //初始化
    /*web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相
     应的android/ios api可以获取此数据*/

    /*用户点击某个按钮时，尝试拉起app，超过一定时间未拉起则安装app*/
    $(".downLoad").click(function () {
        var inviteUserId = getQueryStringByName("inviteUserId");
        var data = {
            'inviteUserId': inviteUserId
        };
        console.log(data);
        //      alert(data.inviteUserId);
        var m = new OpenInstall({
            /*appKey必选参数，openinstall为每个应用分配的ID*/
            appKey: 'a049da'
        }, data);
        console.log(m);
        //        tools.isNull(data.inviteUserId) ? layerTool.msg("请稍等几秒,正在加载邀请人信息") : m.wakeupOrInstall({timeout: 1000});
        m.wakeupOrInstall({timeout: 1000});
    });
</script>

</html>
